<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <button>测试一</button>
    <button>测试二</button>
    <button id="btn3">测试三</button>
    <button>测试四</button>

    <script src="../js/jquery-1.10.1.min.js"></script>
    <script>
        // 基本行为
        // 
        // size() / length: 包含的DOM元素个数 
        // [index] / get(index): 得到对应位置的DOM元素   jQuery->DOM
        // each(): 遍历包含的所有DOM元素 
        // index(): 得到在所在兄弟元素中的下标

        //    需求:
        //    需求1. 统计一共有多少个按钮
        //    需求2. 取出第2个button的文本
        //    需求3. 输出所有button标签的文本
        //    需求4. 输出'测试三'按钮是所有按钮中的第几个


        // 统计一共有多少个按钮
        // console.log($("button").length)
        // console.log($("button").size())

        // 取出第2个button的文本
        // console.log($("button")[1])
        // console.log($("button").get(1))

        //输出所有button标签的文本
        // $("button").each(function(index, item) {
        //     console.log(item.innerHTML)
        //     console.log($(item).html())
        // })

        // 输出'测试三'按钮是所有按钮中的第几个
        // console.log($("#btn3").index())
    </script>
</body>

</html>